aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/thematique/[slug].tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-02-11 17:56:27 +0100
committerArmand Philippot <git@armandphilippot.com>2022-02-11 17:56:27 +0100
commit8647197a05490e2c10106a021cf6760bdabb5b2a (patch)
tree5fb56fad1c0f585ac063a8f6390e68586e3e6084 /src/pages/thematique/[slug].tsx
parentc69c107de84aa3b2cdbf0ed087d0314f22d30b18 (diff)
chore: improve accessibility
Diffstat (limited to 'src/pages/thematique/[slug].tsx')
-rw-r--r--src/pages/thematique/[slug].tsx16
1 files changed, 14 insertions, 2 deletions
diff --git a/src/pages/thematique/[slug].tsx b/src/pages/thematique/[slug].tsx
index df7ff1a..166e0bb 100644
--- a/src/pages/thematique/[slug].tsx
+++ b/src/pages/thematique/[slug].tsx
@@ -116,7 +116,13 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => {
className={`${styles.article} ${styles['article--no-comments']}`}
>
<PostHeader intro={thematic.intro} meta={meta} title={thematic.title} />
- <Sidebar position="left">
+ <Sidebar
+ position="left"
+ ariaLabel={intl.formatMessage({
+ defaultMessage: 'Table of Contents',
+ description: 'ThematicPage: ToC sidebar aria-label',
+ })}
+ >
<ToC />
</Sidebar>
<div className={styles.body}>
@@ -136,7 +142,13 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => {
</section>
)}
</div>
- <Sidebar position="right">
+ <Sidebar
+ position="right"
+ ariaLabel={intl.formatMessage({
+ defaultMessage: 'Sidebar',
+ description: 'ThematicPage: right sidebar aria-label',
+ })}
+ >
<RelatedTopics topics={relatedTopics.current} />
<ThematicsList
title={intl.formatMessage({